/**
author: sailing
date: 2016/12/24
**/

<style lang='less'>
.foterMsg{
  height:50px;
  width:100%;
  background:#eeeeee;
  position:relative;
  .ulList{
    
    .liList{
      display:inline-block;
      line-height:50px;
      margin-left:15px;
      .use {
        width: 15px;
        height:15px;
        border-radius:10px;
        display:inline-block;
        background: yellow;
      }
      .noUse {
        width: 15px;
        height:15px;
        border-radius:10px;
        display:inline-block;
        background: green;
      }
      .useError {
        width: 15px;
        height:15px;
        border-radius:10px;
        display:inline-block;
        background: red;
      }
    }
  }
}
</style>

<template>
<div class='foterMsg'>
  <ul class='ulList'>
   <li class='liList'>
     <span class='noUse'></span>
     <label> 未用</label>
     
   </li>
   <li class='liList'>
     <span class='use'></span>
     <label> 已用</label>
     
   </li>
   <li class='liList'>
     <span class='useError'></span>
     <label> 损坏</label>
     
   </li>
  </ul>
</div>
</template>

<script>
export default {
  data () {
    return {}
  }
}
</script>